

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <include file="public@head"/>
</head>

<body>
    <!-- header -->
    <include file="public@header"/>
    <!--banner--> 
    <div class="banner">
        <img src="/upload/img/202203/220317142959202ad0.jpg" alt="" class="hidden-xs" rq-global="contact_banner" global-type="img">
        <img src="/upload/img/202203/220317143108444f28.jpg" alt="" class="visible-xs" rq-global="contact_mbanner" global-type="img">
        <div class="container p0">
            <div class="tit poa">
                <span class="line animate fadeInLeft"></span>
                <h1 class="animate flipInY">联系我们</h1>
                <span class="line animate fadeInRight"></span>
            </div>
        </div>
    </div>
    <!-- 面包屑 -->
    <div class="breadNav">
        <div class="container p0">
            <div class="breadnav_info">
                <span>您的位置：<a href="/index.html">首页</a> - 联系我们</span>
            </div>
        </div>
    </div>
    <section>
        <div class="container p0">
            <div class="contact_wrap">
                <div class="contact_info">
                  <ul>
                      <li>
                          <img src="/Temp/PC/images/nb5z.png" alt="" class="poa animate fadeInLeft">
                          <div class="right">
                              <strong class="animate fadeInLeft">联系方式</strong>
                              <p class="animate fadeInLeft"><span rq-global="contact_tel" global-type="code">联系电话：{$site_info.site_mobile}</span></p>
                          </div>
                     </li>
                     <!-- <li>
                        <img src="/Temp/PC/images/mlum.png" alt="" class="poa animate fadeInLeft">
                        <div class="right">
                            <strong class="animate fadeInLeft">合作邮箱</strong>
                            <p class="animate fadeInLeft" rq-global="contact_email" global-type="code">{$site_info.site_email}</p>
                        </div>
                   </li> -->
                   <li>
                    <img src="/Temp/PC/images/dbx2.png" alt="" class="poa animate fadeInLeft">
                    <div class="right ">
                        <strong class="animate fadeInLeft">公司地址</strong>
                        <p class="animate fadeInLeft" rq-global="contact_address" global-type="code">{$site_info.site_address}</p>
                    </div>
               </li>
                  </ul>  
                </div>
                <div class="message clearfix">
                    <div class="left" style="width: 100%;">
                        <p class="form_tit">如果有好的建议可以给我们留言！</p>
                        <form id="form1">
                           <div class="input_group">
                               <span>您的姓名/公司名<b>*</b></span>
                               <input type="text" id="name" name="username">
                           </div>
                           <div class="input_group">
                            <span>联系电话<b>*</b></span>
                            <input type="text" id="tel" name="mobile">
                        </div>
                        <div class="input_group">
                            <span>留言内容<b>*</b></span>
                            <textarea  cols="30" rows="2" id="message" name="content"></textarea>
                        </div>
                        <input type="hidden" id="FormId" name="FormId" value="1">
                        <button type="button" class="btn"  id="btnSendForm1">提交</button>
                        </form>
                    </div>
                    <!-- <div class="right">
                        <div id="allmap" style="height:480px;">
                            
                        </div>
                        <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=0QD0Ze9b1rP0nunq7QWUwYigFfGG1OxW"></script>
                      <script type="text/javascript">
                        // 百度地图API功能
                        var map = new BMapGL.Map("allmap");
                        var point = new BMapGL.Point(113.713945,34.72965);
                        map.centerAndZoom(point, 15);
                        
                        var marker = new BMapGL.Marker(point);  // 创建标注
                        map.addOverlay(marker);              // 将标注添加到地图中
                        map.enableScrollWheelZoom(true);
                        var opts = {
                            width : 200,     // 信息窗口宽度
                            height: 100,     // 信息窗口高度
                            title : "{$site_info.site_name}" , // 信息窗口标题
                            message:"{$site_info.site_address}"
                        }
                        var infoWindow = new BMapGL.InfoWindow("{$site_info.site_address}", opts);  // 创建信息窗口对象 
                        map.openInfoWindow(infoWindow, point);
                        marker.addEventListener("click", function(){          
                            map.openInfoWindow(infoWindow, point); //开启信息窗口
                        }); 
                    </script>
                    </div> -->
                </div>
            </div>
        </div>
    </section>
    <!-- 底部 -->
    <include file='public@footer'>
    <script type="text/javascript" src="/Temp/PC/js/superSlide.js"></script>
    <script type="text/javascript" src="/Temp/PC/js/swiper.min.js"></script>
    <script type="text/javascript" src="/Temp/PC/js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="/Temp/PC/js/common.js"></script>
    <script type="text/javascript">
        $(function () {
            selectChannel(".navMenu li","active","/contact.html");
       
           
            //提交表单
            $("#btnSendForm1").click(function () {
                
                var data = $("#form1").serialize();
                $.post("/portal/message/add", data, function (res) {
                    if (res.code == 1) {
                        alert("提交成功！");
                        location.href = location.href.replace(/#/g,"");
                    }
                    else {
                        alert("提交失败！" + (res.Message != "" ? ("\n" + res.str) : ""));
                    }
                });
            });
        });
    
        </script>


        

</body>

</html>
